import { Table, Input } from 'antd';
import React from 'react';

// 项目背景与价格策略
export default function ProjectBackgroundStrategy({ data, handleChange, isEdit, warnFlag }) {
  const columns = [
    {
      title: '序号',
      key: 'id',
      dataIndex: 'id',
      width: 50,
      align: 'center',
      render: (text, row, index) => index + 1,
    },
    {
      title: '说明项',
      key: 'itemName',
      dataIndex: 'itemName',
      width: 150,
    },
    {
      title: '详细说明',
      key: 'content',
      dataIndex: 'content',
      render: (text, row, index) => {
        if (isEdit) {
          return (
            <Input.TextArea
              autoSize
              maxLength={100}
              value={text}
              onChange={ev => handleChange(ev, row, index)}
            />
          );
        }
        return text;
      },
    },
  ];
  if (warnFlag) {
    return (
      <div>
        <div className="sub-title">
          <span>
            项目背景与价格策略
            <small>
              （请对项目面临的情况和风险、价格调整策略作充分描述，本次调价已触发预警，此项内容会专项抄送至集团总裁。）
            </small>
          </span>
        </div>
        <Table
          rowKey="id"
          columns={columns}
          bordered
          dataSource={data}
          pagination={false}
          size="middle"
        />
      </div>
    );
  }
  return null;
}
